<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>文件上传</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<input type="file" id="file"/>
<button id="upload-button">上传</button>
<script>
    $('#upload-button').click(function() {
        var formData = new FormData();
        formData.append('file', $('#file')[0].files[0]);
        $.ajax({
            url: '/PDD/test?method=upload',  // 后端接收文件的URL
            type: 'POST',
            data: formData,
            processData: false,  // 告知 jQuery 不要解析请求体数据
            contentType: false,  // 告知 jQuery 不要设置请求体中的 Content-Type
            success: function(data) {
                console.log(data);
            },
            error: function(err) {
                console.error(err);
            }
        })
    });
</script>
</body>
</html>